import { CC } from "../_client/CC"
import { Flexible } from "../_client/Flexible"

export default function Page() {

  return (
    <main>
      <div className="border-4 border-blue-600 p-4">
        <h1 className="text-4xl mb-4">Flex without <q>use xxx</q></h1>
        <ul className="text-2xl">
          <li>Flexible as child</li>
          <li>Embedded Flexible in Client Component</li>
          <li>client-only</li>
        </ul>
        <br />
        <CC>
          {/* Wrap as Server Component */}
          {/* <Flexible></Flexible> */}
        </CC>
      </div>
    </main>
  )
}
